<template>
    <div class='right'>
        <index-header></index-header>
        <div class='container'>
            <h1 class='title'>{{webName}}</h1>
            <h2 class='welcome'>{{welcome}}</h2>
            <!-- <h3>state --{{this.$store.state.defaultActive}}</h3> -->
            <!-- <h4>localstorage {{this.local}}</h4> -->
        </div>
        
    </div>
</template>


<script>
import IndexLeft from 'index/components/Left'
import IndexHeader from 'index/components/Header'

export default{
    name:'IndexDefault',
    components:{
        IndexHeader,
        IndexLeft
    },
    data (){
        return {
            webName:'嘉宝新官网后台2019',
            welcome:'Welcome To Gabor System',
            // local:''
        }
    },
    methods:{
        showLocal (){
            this.local = localStorage.defaultActive
        }
    }
}
</script>

<style lang="stylus" scoped>

.right
    float left
    width 90%
    
    .container
        width 100%
        
        background white
        border-radius 10px
        padding-bottom 220px
        .title
            text-align center
            font-size 60px
            color #838fa1
            font-weight bold
            letter-spacing 6px
            padding-top 60px
        .welcome
            line-height: 30px;
            font-size: 21px;
            margin-top: 20px;
            text-align: center;
            color: #dce2ec;    

</style>
